<template>
	<view class="goods-list-row">
		<view class="goods-list">
			<view class="goods" v-for="(item, index) in goodsList" :key="index" @click="eventClick(item)">
				<view class="goods-img-box"><image :src="item.picCompress" mode="aspectFill"></image></view>
				<view class="goods-title">
					<text>{{ item.proName }}</text>
				</view>
				<view class="goods-price">
					<view class="price-hou">
						到手
						<text>￥{{ item.discountPrice }}</text>
					</view>
					<view class="price-yuan">
						<text class="pre-cost">￥{{ item.minPrice }}</text>
					</view>
				</view>
				<view class="coupon-row">
					<view class="coupon-text"><text>可抵用￥{{ item.customerCommision }}</text></view>
				</view>
			</view>
		</view>
		<view class="loading-text">{{ loadingText }}</view>
	</view>
</template>

<script>
export default {
	props: {
		loadingText: '',
		goodsList: Array
	},
	methods: {
		eventClick(item){
			this.$emit("eventClick",item)
		}
	}
};
</script>

<style lang="scss">
@import '../common/css/goods-list.scss';
</style>
